﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> 
    <head> 
    <title>状况备案-创建</title> 
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1">
<!--    <link rel="stylesheet" type="text/css" href="css/Status_record/Status_record_create/Status_record_create.css"/>-->
<!--    <link rel="stylesheet" type="text/css" href="css/Status_record/Status_record_create/datePicker.css"/>-->
	<link rel="shortcut icon" href="favicon.ico">
	<link th:href="@{/public/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
	<link th:href="@{/css/Status_record/status_record.css}">
	<link th:href="@{/css/Daily_items/font-awesome.css?v=4.4.0}" rel="stylesheet">
	<link th:href="@{/css/Daily_items/plugins/iCheck/custom.css}" rel="stylesheet">
	<link th:href="@{/css/Daily_items/animate.css}" rel="stylesheet">
	<link th:href="@{/css/Daily_items/style.css?v=4.1.0}" rel="stylesheet">
	<script th:src="@{/public/jquery/jquery-3.1.1.min.js}"></script>
    </head>

	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
	<!-- 引入页面头header-fragment -->
	<div th:replace="header::header-nav"></div>
	<!-- 引入工具栏sidebar-fragment -->
	<!--/*@thymesVar id="path" type="templates"*/-->
	<div th:replace="sidebar::sidebar-fragment(${path})"></div>

	<div id="page-wrapper" class="gray-bg dashbard-4">
		<div class="row">
			<div class="bread">
				<ol class="breadcrumb">
					<li>状况备案</li>
					<li class="active">事件记录创建</li>
				</ol>
			</div>
			<div class="hr-line-dashed"></div>
			<form method="get" class="form-horizontal" style='height:480px;OVERFLOW: auto;' onsubmit="return false;">
					<div style="width:80%;line-height:1.5em;margin:0 auto;text-align: center;font-size:14px">
						<div id="all-data">
							<label class="col-sm-2 control-label">事件名称</label>
							<div class="col-sm-5">
								<input id="eventName" type="text" class="form-control"
									   th:value="${eventEntity!=null and eventEntity.eventName!=null} ? ${eventEntity.eventName} : null">
							</div>
							<label class="col-sm-2 control-label">事件类型</label>
							<div class="col-sm-3">
								<select id="recordTypeId" class="form-control m-b" name="account">
										<option th:each="tp : ${typeList}" th:value="${tp.typeId}" th:text="${tp.typeName}" selected="-请选择-">-请选择-</option>
								</select>
							</div>
						</div>
						<div>
							<label class="col-sm-2 control-label">发生街道</label>
							<div class="col-sm-5">
								<input id="happenStreet" type="text" class="form-control  m-b"
									   th:value="${eventEntity!=null and eventEntity.happenStreet!=null} ? ${eventEntity.happenStreet} : null">
							</div>
							<label class="col-sm-2 control-label">发生时间</label>
							<div class="col-sm-3">
								<input id="happenTime" class="form-control  m-b layer-date" width="100%" placeholder="YYYY-MM-DD" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})">
							</div>
						</div>
						<div>
							<label class="col-sm-2 control-label">详细地址</label>
							<div class="col-sm-10">
								<input id="detailAddress" type="text" class="form-control  m-b"
									   th:value="${eventEntity!=null and eventEntity.detailAddress!=null} ? ${eventEntity.detailAddress} : null">
							</div>
						</div>
						<div>
							<label class="col-sm-2 control-label">负责单位</label>
							<div class="col-sm-4">
								<input id="responseUnit" type="text" class="form-control m-b"
									   th:value="${eventEntity!=null and eventEntity.responseUnit!=null} ? ${eventEntity.responseUnit} : null">
							</div>
							<label class="col-sm-2 control-label">负责人联系电话</label>
							<div class="col-sm-4">
								<input id="principePhone" type="text" class="form-control m-b"
									   th:value="${eventEntity!=null and eventEntity.principePhone!=null} ? ${eventEntity.principePhone} : null">
							</div>
						</div>
						<div>
						<label class="col-sm-2 control-label">备案时间</label>
						<div class="col-sm-4">
							<input id="remarkTime" width="100%" class="form-control m-b" placeholder="YYYY-MM-DD" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})">
						</div>
						<label class="col-sm-2 control-label">备案人</label>
						<div class="col-sm-4">
							<input id="remarkPeople" type="text" class="form-control m-b"
								   th:value="${eventEntity!=null and eventEntity.remarkPeople!=null} ? ${eventEntity.remarkPeople} : null">
						</div>
					</div>
						<div class="col-md-12">
							<div class="form-group">
								<label class="col-sm-2 control-label">基本情况</label>
								<div class="col-sm-10">
									<input id="situation" name="" class="form-control" placeholder="请输入文本" style="height:10em;" type="text"
										   th:value="${eventEntity!=null and eventEntity.situation!=null} ? ${eventEntity.situation} : null">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">解决措施</label>
								<div class="col-sm-10">
									<input id="solution" name="" class="form-control" placeholder="请输入文本" style="height:10em;" type="text"
										   th:value="${eventEntity!=null and eventEntity.solution!=null} ? ${eventEntity.solution} : null">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">相关文件</label>
								<div class="col-sm-10">
									<input id="files" name="" class="form-control" type="file" style="height:3em;"
										   th:value="${eventEntity!=null and eventEntity.files!=null} ? ${eventEntity.files} : null">
								</div>
							</div>
						</div>
					</div>
				</form>
			<div class="form-group">
				<div style="margin:0 auto;width:50%;text-align: center">
					<button class="btn btn-primary" type="submit" onclick="saveRecordContents()">保存内容</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<button class="btn btn-white" type="submit" onclick="cancels()">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
				</div>
			</div>
		</div>
	</div>
	<script th:src="@{/plugins/layer/laydate/laydate.js}"></script>
	<script th:src="@{/js/vue/axios.min.js}"></script>
	<script th:src="@{/js/vue/vue.js}"></script>
	<script th:src="@{/static/js/Status_record/record_create.js}"></script>
	<script th:src="@{/js/public.js}"></script>
    </body>
</html>
